$(function(){
	//让中间主体的DIV适应绝对定DIV的高度，解决撑不开的问题
	var mMain = $('.detail_div').height();
	console.log(mMain);
	//$('.sonHieght').css('height',mMain + 'px');
	$('.detail_list').css('height',mMain + 'px');
	//导航栏的二级菜单显示
	$('.all_nav').hover(function(){
		$(this).next().show();
	},function(){
		$(this).next().hide();
	});

	$('.sec_s_nav').hover(function(){
		$(this).show();
	},function(){
		$(this).hide();
	});

	var ok1=false;//标记
	var ok2=false;//标记
	var color;//颜色
	var car_size;//尺寸
	var car_pic;//购物车中使用的图片
	var leng= $('form input').length;
	//颜色图片择效果
	$('#color_pic_select .color_img').click(function(){
		var index = $(this).index()-1;
		// console.log(index);
		// alert($(this).index());
		color = $(this).children().eq(0).attr('title');
		// alert(color);
		car_pic = $(this).children().eq(0).attr('src');
		// alert(car_pic);
		$(this).find('.select').fadeIn(500);
		$(this).siblings('.color_img').find('.select').fadeOut(500);
		$('.big_pic .color_pic').eq(index).show().siblings().hide();
		//点击时向form表单里append input隐藏标签
		$('.order_color').remove();
		$('.order_picture').remove();
		$('form').append('<input type="hidden" class="order_color" name="color"  value="'+color+'"></input>');
		$('form').append('<input type="hidden" class="order_picture" name="order_pic"  value="'+car_pic+'"></input>');
	
		ok1=true;
	});
	
	
	//尺寸选择效果
	$('.goods_size').click(function(){
		$(this).find('.select_size').fadeIn(500).addClass('cur');
		ok2=true;
		// alert($(this).index());
		$('.order_size').remove();
		car_size = $(this).children().eq(0).html();
		$('form').append('<input type="hidden" class="order_size" name="size" value="'+car_size+'"></input>');
		// alert(size);
		$(this).siblings('.goods_size').find('.select_size').fadeOut(500).removeClass('cur');
		var size = $(this).find('span').html();
		eval("var sizeInfo = "+jsonSize);
		// console.log(sizeInfo);
		var num = sizeInfo[size];
		// console.log(size);
		$('.store').html('库存'+num+'件');
	});
	
	//件数加减效果
	var num = 1;
	$('#num').val(num);
	$('#plus').click(function(){
		num ++;
		$('#num').val(num);	
	});
	$('#reduction').click(function(){
		num --;
		if(num < 1){
			num = 1;
		}
		$('#num').val(num);	
	});
	
	//图片列表选择效果
	$('.small_pic_list ul li').eq(0).addClass('cur');//默认第一张加样式
	$('.big_pic img').eq(0).show();//大图默认第一张显示
	$('.small_pic_list ul li').mouseover(function(){
		var index = $(this).index();
		$(this).addClass('cur').siblings('li').removeClass('cur');	
		$('.big_pic img').eq(index).show().siblings('img').hide();
	});
	
	//控制右边列表LI样子
	$('.detail_list ul li a').click(function(){
		$(this).addClass('index').parent().siblings().find('a').removeClass('index');
		$(this).parent().addClass('index').siblings().removeClass('index');
	});
	var listHeight = $('.detail_list ul').scrollTop();
	// console.log(listHeight);
	$(window).scroll(function(){
		if($(window).scrollTop() > 1100){
			$('.detail_list ul').css({'display':'block','position':'fixed','top':'10px'});	
		}else{
			$('.detail_list ul').css({'display':'none'});
		}
	});
	//DIV切换
	$('.click_li').click(function(){
		var index = $(this).index();
		// console.log(index);
		$(this).addClass('show').siblings().removeClass('show');
		$('.show_div').eq(index).show().siblings().hide();
		if(index == 0){
			$('.detail_list').show();	
		}
	});
	
	//加入购物车操作
	var gid = $('#goodsid').val();
	var sid = $('#sid').val();
	var name = $('#name').val();
	var price=$('#price').val();
	var old_price = $('#old_price').val();
	var num =$('#num').val();

	//标记 ok1 ok2
	// var color;//颜色
	// var size;//尺寸
	// var car_pic//购物车中使用的图片
      
	$('#in_car').click(function(){ 
	
        if(ok1 && ok2){ 	 
	        // alert(car_size);
	        // $.post(Url,{name:name,price:price,old_price:old_price,pic:car_pic,color:color,size:size,gid:gid,sid:sid,num:num},function(data){});
	        $.ajax({
	        	'type':'post',
			    'url':Url,
			    'success':function(data){
					if(data=="ok"){ 
						var shopOffset    = $('#shop').offset();
				        var clonePic      =$('.color_pictures').clone();
				        var productOffset =$('.color_pictures').offset();
				        clonePic.css({"position":"absolute","top":productOffset.top,"left":productOffset.left});
				        $('.color_pictures').parent().append(clonePic);
				        // alert(shopOffset.top);

				        clonePic.animate({ 
				            left:shopOffset.left,
				            top:shopOffset.top+83,
				            opacity:1
				        },1000);

				        $('.y_lb_bd').show();

					}else{ 
						alert('请登录！');
						window.location.href=urL;
					}
				},
			    'data':{'name':name,'price':price,'old_price':old_price,'pic':car_pic,'color':color,'size':car_size,'gid':gid,'sid':sid,'num':num},
			    'dataType':'json'
			});
        }else{ 
            alert('请选择商品的颜色或尺寸');
        }
    });

 	$('.y_lb_close').click(function(){ 
 		$('.y_lb_bd').hide();
 	});

    // })
	
	//立即购买操作
	$('#in_buy').click(function(){ 
		$('form').append('<input type="hidden" class="order_num" name="num"  value="'+num+'"></input>');
		if(ok1 && ok2){  
			 $('form').submit();			

		}else{ 
			alert('请选择商品的颜色或尺寸');
		}
	})

			
	//点击喜欢商品
	$(".favs").live('click',function(){
		var gid=$(this).attr('data-id');
		var mask=$(this).attr('data-faved');
		var favs=$(this).html();
		//字符串转为数字
		favs=parseInt(favs);
		var mythis=$(this);

		$.ajax({
			type : "post",
			data : {"gid":gid,"mask":mask},
			url : editFavs,
			dataType : "json",
			success : function(d){
				if(d=='ok'){
					if(mask=='true'){
						mythis.attr('data-faved','false');
						mythis.removeClass('care').addClass('uncare');
						mythis.html(favs-1);
					}else{
						mythis.attr('data-faved','true');
						mythis.removeClass('uncare').addClass('care');
						mythis.html(favs+1);
					}
				}else{
					
				}
			}
			
		});
	});
	
	
	//点击收藏店铺
	$(".favs_seller").live('click',function(){
		var sid=$(this).attr('data-id');
		var mask=$(this).attr('data-faved');
		var text=$(this).html();
		var mythis=$(this);

		$.ajax({
			type : "post",
			data : {"sid":sid,"mask":mask},
			url : editFavs,
			dataType : "json",
			success : function(d){
				if(d=='ok'){
					if(mask=='true'){
						mythis.attr('data-faved','false')
						mythis.html('收藏店铺');
					}else{
						mythis.attr('data-faved','true')
						mythis.html('已收藏');
					}
				}else{
					
				}
			}
			
		});
	});
});











